const base = {
  '--gray-1': '#B6B6B6',
  '--gray-2': '#455369',
  '--gray-3': '#7E8EA8',
  '--white': '#FFFFFF',
  '--black': '#000000',


  //App状态栏的高度
  '--statusbar-height': '44PX',
  '--navbar-height': '46PX',

  '--font-size-xs': '10px',
  '--font-size-sm': '12px',
  '--font-size-md': '14px',
  '--font-size-lg': '16px',
  '--font-weight-bold': '500',
  '--line-height-xs': '14px',
  '--line-height-sm': '18px',
  '--line-height-md': '20px',
  '--line-height-lg': '22px',
};

//浅色
const lightTheme = {
  '--bg-color': '#F9FAF9',
  '--bg-color-light': '#FFFFFF',
  '--text-color': '#333333',
  '--text-color-light': '#bcc3ce',
  '--border-color': '#dddddd',
  '--light-border-color': 'rgba(238,238,238,1)',
  '--indicator-color': '#F0B90B',
  //nav-bar
  '--nav-bar-title-text-color': '#333333',
  '--nav-bar-background-color': '#F9FAF9',


  ...base,
};

// 深色
const darkTheme = {
  '--bg-color': '#1F2837',
  '--bg-color-light': '#263143',
  '--text-color': '#C4CFE1',
  '--text-color-light': '#56657d',
  '--border-color': '#5f5f5f',
  '--light-border-color': 'rgba(238,238,238,.1)',
  '--indicator-color': '#F0B90B',
  //nav-bar
  '--nav-bar-title-text-color': '#C4CFE1',
  '--nav-bar-background-color': '#1F2837',


  ...base,
};

export default {
  light: darkTheme,
  dark: darkTheme
}
